剩余参数

1. 概述

在 TypeScript 中，剩余参数（Rest Parameters）是一种允许函数接受不定数量参数的机制。通过使用剩余参数，你可以将多个参数收集到一个数组中，从而简化函数的设计和实现。

2. 基本语法

剩余参数的语法非常简单，只需在参数前加上三个点（...）即可。例如：

function sum(...numbers: number[]): number {
    return numbers.reduce((acc, num) => acc + num, 0);
}

console.log(sum(1, 2, 3, 4)); // 输出: 10

在这个例子中，...numbers 表示剩余参数，它会将所有传递给 sum 函数的参数收集到一个名为 numbers 的数组中。

3. 与其他参数结合使用

剩余参数可以与其他类型的参数结合使用。例如，你可以在函数签名中定义一个或多个固定参数，然后再使用剩余参数来收集其余的参数。

function greet(greeting: string, ...names: string[]): string {
    return greeting + " " + names.join(", ");
}

console.log(greet("Hello", "Alice", "Bob", "Charlie")); // 输出: Hello Alice, Bob, Charlie

在这个例子中，greeting 是一个固定参数，而 ...names 是剩余参数，用于收集所有后续的参数。

4. 剩余参数的类型

剩余参数的类型必须是一个数组类型。例如，在上面的 sum 函数中，...numbers 的类型是 number[]，表示它是一个由数字组成的数组。

function concat(...strings: string[]): string {
    return strings.join(" ");
}

console.log(concat("TypeScript", "is", "awesome")); // 输出: TypeScript is awesome

在这个例子中，...strings 的类型是 string[]，表示它是一个由字符串组成的数组。

5. 实践练习

练习 1: 计算平均值

编写一个函数 average，它接受任意数量的数字参数，并返回这些数字的平均值。

function average(...numbers: number[]): number {
    const total = numbers.reduce((acc, num) => acc + num, 0);
    return total / numbers.length;
}

console.log(average(1, 2, 3, 4, 5)); // 输出: 3

练习 2: 字符串格式化

编写一个函数 formatString，它接受一个格式字符串和任意数量的参数，并将这些参数插入到格式字符串中。

function formatString(format: string, ...args: any[]): string {
    return format.replace(/{(\d+)}/g, (match, index) => args[index] || '');
}

console.log(formatString("Hello, {0}! Today is {1}.", "Alice", "Monday")); // 输出: Hello, Alice! Today is Monday.

6. 总结

剩余参数是 TypeScript 中一个非常强大的特性，它允许你编写更加灵活和通用的函数。通过将多个参数收集到一个数组中，你可以轻松地处理不定数量的输入。希望这篇教程能帮助你更好地理解和使用剩余参数。

7. 下一步

接下来，你可以继续学习 TypeScript 中的其他高级特性，如函数重载、泛型、以及如何使用 TypeScript 进行全栈开发。继续探索，你会发现 TypeScript 的强大之处！